<?php
$document_title = 'FakeBank :: Styles';
$document_meta_description = '<meta name="description" content="Styles used by fake bank page">';
$breadcrumbs = 'FakeBank Template Styling';
include "fakebank_header.html"; ?>

<!-- Set up the nav buttons how you like for each page. Specifically, the 'selected' class. -->
	<nav>
    	<ul>
        	<li class="start"><a href="index.php">Home</a></li>
            <li class="selected"><a href="styling.php">Styling Examples</a></li>
            <li><a href="template.php">Template page</a></li>
            <li><a href="#">Something else</a></li>
            <li class="end"><a href="#">Contact Us</a></li>
        </ul>
    </nav>

	
<!-- Breadcrumb trail -->
<div id="breadcrumbs"><a href="index.php">FakeBank</a> <?php if (isset ($breadcrumbs))echo ' > '.$breadcrumbs; ?> </div>

    <div id="body">
		

        <section id="content">

	    <article>
	    <h1>What the default CSS styles look like</h1>

            <h1>Heading H1</h1>
            <h2>Heading H2</h2>
            <h3>Heading H3</h3>
            <h4>Heading H4</h4>
            <h5>Heading H5</h5>
            
            
            <p>&nbsp;</p>

            
            <h3>Lists</h3>
            <ul>
                <li>List item</li>
                <li>List item</li>
                <li>List item</li>
            </ul>
                    
            <ol>
                <li>List item</li>
                <li>List item</li>
                <li>List item</li>
            </ol>

            <p>&nbsp;</p>

            
                
            <h3>Code and blockquote</h3>
            <code>&lt;? echo('Hello world'); ?&gt;</code>
			
            <blockquote><p>Mauris sit amet tortor in urna tincidunt aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas</p></blockquote>

            
            <p>&nbsp;</p>           
            
            <h3>Table</h3>

            <table cellspacing="0">
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Age</th>
                </tr>
                <tr>
                    <td>1</td>
                    <td>John Smith</td>
                    <td>28</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>Fred James</td>
                    <td>49</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>Rachel Johnson</td>
                    <td>19</td>
                </tr>

            </table>

            <p>&nbsp;</p>

            
            <h3>Form</h3>

            <fieldset>
                <legend>Form legend</legend>
                <form action="#" method="get">
                    <p><label for="name">Name:</label>
                    <input name="name" id="name" value="" type="text" /></p>
                    <p><label for="email">Email:</label>
                    <input name="email" id="email" value="" type="text" /></p>

                    <p><label for="message">Message:</label>
                    <textarea cols="37" rows="11" name="message" id="message"></textarea></p>
                    <p><input name="send" style="margin-left: 150px;" class="formbutton" value="Send" type="submit" /></p>
                </form>
            </fieldset>
            
      		</article>
        </section>
        
        
    	<div class="clear"></div>
		</div> <!--end body div -->
		
<?php include "fakebank_footer.html"; ?>		